<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>配送中心</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/qualitycontrollist.css" />
    <link rel="stylesheet" type="text/css" href="css/distribution_center.css" />
    <style>
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="mask_bg" v-on:click="doCloseRoom()" v-if="IsOrderReceive"></div>
        <div class="choose_box" v-if="IsOrderReceive">
            <div class="choose_room_title">订单确认
                <label v-on:click="doCloseRoom()" class="icon-tk-gb"><i class="icon iconfont icon-chushaixuanxiang"></i></label>
            </div>
            <div class="choose_room_content">
                <div class="work_con_box_time marginheight">
                    <ul class="processul">
                        <li class="processulli" v-bind:class="{'bg-grey':OrderModel.status>=5}">
                            <div class="icon_type">起</div>
                            <div class="task_process_con con_right">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{OrderModel.fromAddress}}</div>
                                            <div class="cl"></div>
                                        </div>
                                        <div class="hide_height"></div>
                                        <div class="cl"></div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                        <li class="processulli" v-bind:class="{'bg-grey':OrderModel.status<5}">
                            <div class="icon_type">终</div>
                            <div class="task_process_con con_right">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{OrderModel.toAddress}}</div>
                                            <div class="cl"></div>
                                        </div>
                                        <div class="hide_height"></div>
                                        <div class="cl"></div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div v-if="OrderModel.appointTime" class="choose_work_box work_con_box_time marginheight">
                    <div class="work_con_box_left" style="width: 35%;"><i class="icon iconfont icon-shijian"></i>预约时间:</div>
                    <div class="work_con_box_right" style="width: 65%;">
                        <label class="li24"><span class="text-blue">{{OrderModel.appointTime}}</span>送达</label>
                    </div>
                </div>
                <div v-if="OrderModel.goodWeight" class="choose_work_box work_con_box_time marginheight">
                    <div class="work_con_box_left"><i class="icon iconfont icon-rili"></i>预计重量:</div>
                    <div class="work_con_box_right">
                        <label class="li24"><span class="text-blue">{{OrderModel.goodWeight}}</span>kg</label>
                    </div>
                </div>

               <div class="new-btn-bottom tk-btn-bottom">
                <div v-on:click="doCloseRoom()" class="work_beginbtnty3 new-blue-btn new-white-btn"> 取消</div>
                <div v-on:click="doOrderReceiveSave()" class="work_beginbtnty3 new-blue-btn"> 接单 </div>
            </div>
            </div>
            
        </div>

        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
                <div class="aui-tab aui-tab-color" style="background: #289FFF;  padding-bottom: 8px;">
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==1}"
                        v-on:click="do_select_tab(1)">
                        <label class="labelbox">待接单
                            <span v-if="total.acceptCount>0" class="menu_dotspan">{{total.acceptCount}}</span>
                        </label>
                    </div>
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==2}"
                        v-on:click="do_select_tab(2)">
                        <label class="labelbox">
                            配送中
                            <span v-if="total.deliveryCount>0" class="menu_dotspan">{{total.deliveryCount}}</span>
                        </label>
                    </div>
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list"  class="boxarea mainbox bgshadow">
                    <div  class="work_con_box">
                        <div v-on:click="do_open(item)" class="work_con_box_type pb10 border-bottom">
                            <div><span class="left-blue-span" v-bind:class="{'left-gree-span':item.status==5||item.status==6,'left-org-span':item.status<4,'left-blu-span':item.deliveryType==3}">{{item.statusDesc}}</span>
                            </div>
                            <div v-if="form.status==2&&item.status<6" class="statustyle">
                                <span >{{item.statusName}}</span>
                            </div>
                        </div>

                        <div class="work_con_box_time marginheight border-bottom">
                            <ul class="processul">
                                <li class="processulli li-border-color-grey" v-bind:class="{'bg-grey':item.status>=5||item.deliveryType==3}">
                                    <div class="icon_type">起</div>
                                    <div class="task_process_con con_right">
                                        <div class="handle">
                                            <div class="task_process_basic_title">
                                                <div v-on:click="do_open(item)" class="task_process_basic_title_name fl" v-bind:class="{'sort':item.deliveryType==1}">
                                                    <div class="fl">{{item.fromAddress}} </div>
                                                    <div class="cl"></div>
                                                </div>
                                                <div v-if="item.deliveryType==1" v-on:click="tellCallPhone(item.customerPhone)" class="order_right_phone fr">
                                                    <div><label class="icon-callphone"><i class="icon iconfont icon-dianhua"></i></label></div>
                                                    <div class="lianxi-right">联系顾客</div>
                                                 </div>
                                                <div class="cl"></div>
                                                <div v-if="item.deliveryType==1" v-on:click="do_open(item)"   class="handle_con_msg ">
                                                    <span>{{item.customerName}}</span> <span>{{item.customerPhone}}</span>
                                                </div>
                                                <div v-if="item.deliveryType==2||item.deliveryType==3"  class="hide_height"></div>
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                        <div class="hide_height"></div>
                                    </div>
                                </li>
                                <li  class="processulli" v-bind:class="{'bg-grey':item.deliveryType==1}">
                                    <div class="icon_type">终</div>
                                    <div class="task_process_con con_right">
                                        <div class="handle">
                                            <div class="task_process_basic_title">
                                                <div  v-on:click="do_open(item)" class="task_process_basic_title_name fl" v-bind:class="{'sort':item.deliveryType==2||item.deliveryType==3}">
                                                    <div class="fl">{{item.toAddress}}</div>
                                                    <div class="cl"></div>
                                                </div>
                                                <div v-if="item.deliveryType==2||item.deliveryType==3" v-on:click="tellCallPhone(item.customerPhone)" class="order_right_phone fr">
                                                    <div><label class="icon-callphone"><i  class="icon iconfont icon-dianhua"></i></label></div>
                                                    <div class="lianxi-right">联系顾客</div>
                                                </div>
                                                <div class="cl"></div>
                                                <div v-if="item.deliveryType==2||item.deliveryType==3"   v-on:click="do_open(item)"  class="handle_con_msg ">
                                                    <span>{{item.customerName}}</span> <span>{{item.customerPhone}}</span>
                                                </div>
                                                <div v-if="item.deliveryType==1"  class="hide_height"></div>
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                        <div class="hide_height"></div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div v-if="item.appointTime"  v-on:click="do_open(item)" class="work_con_box_time marginheight">
                            <div class="work_con_box_left"><i class="icon iconfont icon-shijian"></i>预约时间:</div>
                            <div class="work_con_box_right">
                                <label >
                                    <span  class="text-blue li24">{{item.appointTime}}</span>送达 
                                    <span v-if="item.isTimingOut" class="label-btn-red">{{item.isTimingOut}}</span>
                                </label>
                            </div>
                        </div>
                        <div v-on:click="do_open(item)" v-if="item.goodWeight"  class="work_con_box_time marginheight">
                            <div class="work_con_box_left"><i class="icon iconfont icon-rili"></i>预计重量:</div>
                            <div class="work_con_box_right">
                                <label class="li24"><span class="text-blue">{{item.goodWeight}}</span>kg</label>
                            </div>
                        </div>

                        <div v-on:click="do_open(item)" v-if="item.remark" class="work_con_box_time marginheight">
                            <div class="div-text-remark">
                                备注：{{item.remark}}
                            </div>
                        </div>

                        <div v-on:click="do_open(item)" v-if="item.orderItemList.length>0" class="work_con_box_time marginheight">
                            <div v-if="itemIndex<5" v-for="(itemImg,itemIndex) in item.orderItemList" class="work-box-image">
                                <img :src="itemImg.itemCoverImg" />
                            </div>
                           
                            <div v-if="item.orderItemList.length>5" class="work-box-last">
                                <div class="work-box-text">共{{item.orderItemList.length}}类 <i class="icon iconfont icon-xiangyoujiantou"></i></div>
                            </div>
                        </div>

                    </div>

                    <div class="new-btn-bottom">
                        <div v-if="form.status==1&&CanSendDelivery" v-on:click="doOrderDelivry(item)" class="work_beginbtnty3 new-blue-btn"> 派单</div>
                        <div v-if="form.status==1&&item.canGet" v-on:click="doOrderReceive(item)" class="work_beginbtnty3 new-blue-btn"> 接单</div>
                        <!-- <div v-on:click="examRelease(item,1)" class="work_beginbtnty3 new-blue-btn new-white-btn"> 退回</div> -->
                        <div  v-if="form.status==2&&item.status==3" v-on:click="doOrderService(item)" class="work_beginbtnty3 new-blue-btn"> 配送完成 </div>
                        <div  v-if="form.status==2&&item.status==2" v-on:click="doOrderCheck(item,0)" class="work_beginbtnty3 new-blue-btn"> 验收取货 </div>
                    </div>

                </div>
                <div class="notodayList">
                    已显示全部订单
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>

        </section>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript " src="js/distribution_center_frm.js"></script>

</html>